var makers = [{
  time: 50.7,
  name: '点1',
  type: 'audio2audio',
  title: "apple",
  question: 'http://localhost/media/apple.mp3',
  img: "./img/threeapples.png", // 图片地址 请提前将文件放到图片文件夹
  coreType: 'en.word.score', // 英语类型 单词：en.word.score 句子：en.sent.score  段落：en.pred.score
  refText: "apple" // 需要跟读的英语
},
{
  time: 59.6,
  name: '点1',
  type: 'audio2audio',
  title: "what color",
  question: './media/whatcolor.mp3',
  img: "./img/whatcolorblack.png", // 图片地址 请提前将文件放到图片文件夹
  coreType: 'en.word.score', // 英语类型 单词：en.word.score 句子：en.sent.score  段落：en.pred.score
  refText: "black" // 需要跟读的英语
},
{
  time: 66.3, //时间点 精确到0.1秒
  name: '点1', //可不用设置
  type: 'audio2img', //题目类型
  title: 'Please choose the correct answer', //标题
  question: './media/twodogs.mp3', //点击喇叭播放的音频，请提前将文件放到音视频文件夹
  answers: [ //选项 
    { img: './img/twodogs.png' }, { img: './img/threeeggs.png' }, { img: './img/onefish.png' }
  ],
  answer: 0 //正确答案的序号 从0开始排序
},
{
  time: 72.4, //时间点 精确到0.1秒
  name: '点1', //可不用设置
  type: '3', //题目类型
  title: {
    title: 'Please choose the correct answer',
    style: "font-size:0.5rem;"
  }, //标题
  question: './media/choosethecorrectanswer.mp3', //标题音频
  img: "./img/fivecats.png", //大图
  answers: [ //选项 的音频
    { audio: './media/twodogs.mp3' }, { audio: './media/fivecats.mp3' }, { audio: './media/onefish.mp3' }
  ],
  answer: 1 //正确答案的序号 从0开始排序
},
{
  time: 76.5,
  name: '点1',
  type: '4',
  title: 'Three apples?', //标题
  question: './media/threeapples.mp3', //问题音频
  img: "./img/threeapples.png", // 图片地址 请提前将文件放到图片文件夹
  isTrue: 1 //0为错误，1为正确
},
{
  time: 80.6, //时间点 精确到0.1秒
  name: '点1', //可不用设置
  type: '6', //题目类型
  question: './media/threeapples.mp3', //音频
  img: "./img/threeapples.png", //大图
  text: [ //选项 的文本
    "1 apple", "2 apples", "3 apples"
  ],
  answer: 2 //正确答案的序号 从0开始排序
},
{
  time: 90.6,
  name: '点1',
  type: 'audio2touch',
  title: "Where are the eyes?",
  question: './media/wherearetheeyes.mp3',
  answers: { img: './img/whereface.png' }, // 图片
  area: [{ // 区域列表
    width: 25, // 宽度 0-100
    height: 13, // 高度 0-100
    top: 50, // 相对图片顶部距离 0-100
    left: 37, // 相对图片左边距离 0-100
    isTrue: 1 // 此区域是否为正确答案 1为正确 0为不正确
  }
  ]
},
{
  time: 87.1, // 时间节点
  name: '点1',
  type: 'audio2touch', // 答题类型
  title: "Where are the mouth?", // 顶部标题显示
  question: './media/whereisthemouth.mp3', // 顶部喇叭点击后播放的语音
  answers: { img: './img/whereface.png' }, // 图片
  area: [
    {
      width: 17,
      height: 14,
      top: 63,
      left: 41,
      isTrue: 1
    }
  ]
},
{
  time: 14.5,
  name: '点1',
  type: 'audio2touch',
  title: "new",
  question: './media/whereisthemouth.mp3',
  answers: { img: './img/choosearea23.jpg' }, // 图片
  area: [{
    width: 55,
    height: 58,
    top: -9,
    left: -2,
    isTrue: 1,
    rotate: 12
  }],
  errorStyle: 'left: 0%;top: 0%;'
},
{
  time: 1.1,
  type: 7, // 问题类型7 错误闪光. 正确放大
  title: "问题7,错误闪光,正确放大",
  question: './media/whereisthemouth.mp3',
  answers: [
    {
      img: './img/happy1.png',
      audio: './media/Wrong.mp3',// 点击此答案后播放的音频url
      pStyle: 'background-color:#fff;border-radius:0.3rem;', // 边框效果
    },
    {
      img: './img/hungry1.png',
      right: true, // 正确答案标识. 当值为string时,将会设置改值为正确对勾的图片样式.语法为style语法.
      audio: './media/great.mp3',// 点击此答案后播放的音频url
      pStyle: 'background-color:#fff;border-radius:0.3rem;', // 边框效果
    },
  ],
  spacing: '1rem' // 间距
},
{
  time: 0.1,
  type: 7, // 问题类型7 错误闪光. 正确放大
  title: "问题7,错误闪光,正确放大",
  contentStyle: {
    "margin-top": "1rem"
  },
  question: './media/pleasespeak.mp3',
  answers: [
    {
      img: './img/threeapples.png',
      audio: './media/Wrong.mp3',// 点击此答案后播放的音频url
      imgStyle: 'box-shadow:#505050 0px 0px 0.2rem;transform: scale(0.8);', // 投影效果
    },
    {
      img: './img/threeeggs.png',
      right: true, // 正确答案标识. 当值为string时,将会设置改值为正确对勾的图片样式.语法为style语法.
      audio: './media/great.mp3',// 点击此答案后播放的音频url
      imgStyle: 'box-shadow:#505050 0px 0px 0.2rem;', // 投影效果
      // pStyle: 'background-color:#fff;border-radius:0.3rem;', // 边框效果
    },
  ],
  scaling: 0.5, // 元素内框放大缩小比例
  spacing: '1rem', // 元素间距
  pushTime: 20, // 问题弹出后,下一次播放时间所增加的时间.单位 秒 本例中下一次播放时间为 2+0.1=2.1问题回答完毕后,将从2.1秒开始播放.
  mask: {
    background: "rgba(0, 0, 0, 0.8) url('../img/chevadyletstakeapicture.jpg') no-repeat",
    "background-size": "cover"
  }
}
];
makers.sort((a, b) => {
  return a.time - b.time;
});
